import "package:flutter/material.dart";

// 定位
class UsePosition extends StatelessWidget {
  const UsePosition({super.key});
  @override
  Widget build(BuildContext context) {
    // 堆叠，后面的元素会覆盖前面的元素，相对外部容器进行定位，没有外部容器则相对屏幕
    // return Stack(
    //   alignment: Alignment.center, //堆叠方式（居中）
    //   children: [
    //     Container(
    //       // width: 100,
    //       height: 100,
    //       decoration: const BoxDecoration(color: Colors.red),
    //     ),
    //     Container(
    //       width: 50,
    //       height: 100,
    //       decoration: const BoxDecoration(color: Colors.yellow),
    //     ),
    //     const Text('我是文字'),
    //     // 相对定位，相对外部容器进行定位，没有外部容器则相对屏幕
    //     Positioned(
    //       left: 0,
    //       bottom: 0,
    //       // width: 30, //使用positioned需要指定具体(非double.infinity)宽高，否则报错
    //       // width: double.infinity, //使用positioned需要指定具体(非double.infinity)宽高，否则报错
    //       width: MediaQuery.of(context).size.width, //若想适配宽度或高度，使用媒体查询获取
    //       height: 30, //或者在子元素配置宽高，
    //       child: Container(
    //         // width: 30,
    //         // height: 30,
    //         decoration: const BoxDecoration(color: Colors.green),
    //       ),
    //     )
    //   ],
    // );

    // 方位定位
    return Container(
      // alignment:  Alignment.center,
      width: 100,
      height: 100,
      decoration: const BoxDecoration(color: Color(0xffbbffaa)),
      child: const Align(
        //可作为子组件使用
        // alignment: Alignment.center,
        alignment: Alignment(0, 0), //中心为 (0,0) ，右下为正，左上为负
        child: Text('我是文字'),
      ),
    );
  }
}
